<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
    
    .prz {
        position: relative;
      height:548px;
    }
    
    .pra {
        position: absolute;
    }
    
    .fl {
        float: left;
    }
    
    .clearfix:after,
    .clearfix:before {
        clear: both;
        display: block;
        visibility: hidden;
        height: 0;
        line-height: 0;
        content: "";
    }
    
    .clearfix {
        zoom: 1;
        /*overflow: hidden;*/
    }
    
    .mob-show {
        display: none;
    }
    /*Ã©Â¦â€“Ã©Â¡Âµ*/
    
    .index .part4 {
        width: 100%;
        height: 810px;
        background: #1763c7;
        color: #fff;
    }
    
    .index .part4 .wrapper {
        height: 100%;
        padding-top: 48px;
        width: 1570px;
        margin: 0 auto;
    }
    
    .index .part4 .tit {
        font-size: 42px;
        line-height: 42px;
        padding: 0 0 20px;
        text-align: left;
        margin-top: 110px;
        margin-bottom: 50px;
    }
    
    .index .part4 .num-box {
        font-size: 0;
        /* text-align: center;*/
    }
    
    .index .part4 .num {
        width: 300px;
        overflow: hidden;
        margin-bottom: 22px;
        /*display: inline-block; text-align: center;*/
    }
    
    .index .part4 .roll span {
        font-size: 36px;
        font-weight: bold;
    }
    
    .index .part4 .num p {
        font-family: 'Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜';
        font-size: 28px;
    }
    
    .map-box {
position: absolute;
    top: 0;
    left: 0;
    background: url(/img/jh_ditu1.png) no-repeat center/contain;
    width: 100%;
    height: 548px;
    background-size: contain;
    }
    
    .map-box .china-map,
    .map-box .world-map {
        width: 100%;
        height: 100%;
    }
    
    .map-box .world-map {
        display: none;
    }
    
    .map-box .small-box {
        width: 206px;
        height: 104px;
        box-sizing: border-box;
        border: 1px solid #1763c7;
        bottom: 6px;
        overflow: hidden;
        padding: 10px;
        cursor: pointer;
        background: #1763c7;
        left: -20px;
        display: none;
    }
    
    .map-box .small-box .small-map {
        background: url(/img/qmmtip_11.png) no-repeat;
        width: 196;
        height: 85px;
        background-size: 100%;
        /* background-position: 0 -.85rem;*/
        transition: background .5s;
    }
    
    .map-box .small-box .small-map.active {
        background: url(/img/qmmtip_10.png) no-repeat;
    }
    
    .map-box .point {
        width: 6px;
        height: 6px;
        background: #dd0e36;
        border-radius: 50%;
        left: 860px;
        top: 108px;
        cursor: pointer;
    }
    

    
    .map-box .point .info {
        width: 238px;
        background: rgba(255, 255, 255, .05);
        left: 55px;
        top: -31px;
        overflow: hidden;
        padding: 10px 0;
    }
    
    .map-box .point .info .scroll-box {
        height: 100px;
        overflow-y: auto;
        margin-right: -17px;
    }
    
    .map-box .point .info .scroll-box ul {
        position: absolute;
        top: 0;
        text-align: justify;
        width: 100%;
    }
    
    .map-box .point .info .scroll-box .city {
        text-align: center;
        padding-bottom: 4px;
        font-size: 20px
    }
    
    .map-box .point .info .prompt {
        width: 100%;
        text-align: center;
        font-size: 12px;
        animation: see_more 3s forwards;
        height: 20px;
        line-height: 26px;
    }
    /* .map-box .china-map .point:nth-child(10), .map-box .world-map .point:nth-child(5) {animation: shining 1s infinite;} */
    /*qmmÃ¤Â¿Â®Ã¦â€Â¹*/
    /*.index .part4 .tit*/
    
    .qmmMapInfo {
        width: 331px;
        position: absolute;
        top: 87px;
    }
    
    .qmmMapInfo .roll {
        float: left;
    }
    
    .qmmMapInfo p {
        float: left;
        line-height: 57px;
    }
    
    .map-box .china-map .point.active11 .breath {
        display: block !important;
    }
    
    .index .part4 .num p,
    .index .part4 .num .roll {
        display: inline-block;
        *display: inline;
        line-height: 32px;
    }
    
    .index .part4 .num .roll {
        margin-right: 10px;
    }
    
    .qmmContactbox.contact-box h2,
    .qmmContactbox.contact-box .radio {
        /*margin-left: .15rem;*/
    }
    
    .map-box .point:nth-child(10) {
        z-index: 5;
    }
    
    @keyframes shining {
        0% {
            background: rgba(255, 255, 255, 1);
        }
        50% {
            background: rgba(255, 255, 255, .5);
        }
    }
    
    @keyframes see_more {
        0% {
            opacity: 1;
            height: 20px;
        }
        20% {
            opacity: .2;
            height: 20px;
        }
        40% {
            opacity: 1;
            height: 20px;
        }
        60% {
            opacity: .2;
            height: 20px;
        }
        80% {
            opacity: 1;
            height: 20px;
        }
        100% {
            opacity: 0;
            height: 0;
        }
    }
    
    .map-box .point.left .line {
        background: url(/img/index_part4_line_l.png) no-repeat 0 31px;
        ;
        left: -49px;
    }
    
    .map-box .point.left .info {
        left: -287px
    }
    
    .map-box .point .info i {
        width: 48px;
        height: 34px;
        background-size: cover !important;
    }
    
    .map-box .point .info .i1 {
        background: url(/img/map_info_icon1.gif) no-repeat;
        background-size: 100% 100%;
        top: 0;
        left: 0;
    }
    
    .map-box .point .info .i2 {
        background: url(/img/map_info_icon2.gif) no-repeat;
        background-size: 100% 100%;
        top: 0;
        right: 0;
    }
    
    .map-box .point .info .i3 {
        background: url(/img/map_info_icon1.gif) no-repeat;
        background-size: 100% 100%;
        bottom: 0;
        right: 0;
        transform: rotate(180deg);
    }
    
    .map-box .point .info .i4 {
        background: url(/img/map_info_icon2.gif) no-repeat;
        background-size: 100% 100%;
        bottom: 0;
        left: 0;
        transform: rotate(180deg);
    }
    
    .map-box .point .info li {
        padding: 5px 10px;
    }
    
    .map-box .point .info li:last-child {
        padding-bottom: 0;
    }
    
    .map-box .point .info li p {
        text-align: center;
    }
    
    .map-box .point .info li p:nth-child(1) {
        width: 100%;
        border-bottom: 1px dotted #fff;
        padding-bottom: 5px;
        margin-bottom: 5px;
    }
    
    .map-box .point .info li p:nth-child(2) {
        font-size: 12px;
    }
    
    .map-box .point .breath {
        transform: translateX(-50%) translateY(-50%);
        left: 3px;
        top: 3px;
        border-radius: 50%;
        background: rgba(223,12,54, .6);
        animation: map_point 2s infinite;
    }
    
    .map-box .point&gt;* {
        display: block;
    }
    
    .map-box .point .line {
        display: none!important;
    }
    
    .map-box .point .info {
        display: none!important;
    }
    
    .map-box .point.active11&gt;.breath {
        display: block;
    }
    /*.map-box .point:hover &gt; *{display: block!important;}*/
    /*.map-box .china-map .point:hover .map-box .china-map .point.active11 .breath{display: none;}*/
    
    @keyframes map_point {
        0% {
            width: 0;
            height: 0;
            box-shadow: 0 0 0 0 rgba(223,12,54, .2);
        }
        50% {
            width: 20px;
            height: 20px;
            box-shadow: 0 0 0 10px rgba(223,12,54, .2);
        }
        100% {
            width: 0;
            height: 0;
            box-shadow: 0 0 0 0 rgba(223,12,54, .1);
        }
    }
    
    #vcodeimg {
        float: right;
    }
    
    .qmm_small-box {
        width: 133px;
        height: 202px;
        right: 165px;
        bottom: 0rem;
        overflow: hidden;
        display: none;
    }
    
    .qmm_small-box .small-map {
        width: 100%;
        height: 100%;
        background: url(/img/qmmtip_03.png);
        background-size: 100%;
    }



@media only screen and (max-width: 768px){
.prz {
    position: relative;
    height: 275px;
}
  .map-box {
    height: 275px;
}
}</pre></body></html>